.container {
    display: flex;
    align-items: center;
    padding: 20px;

    .left {
        .left_top {
            position: relative;
            margin-bottom: 10px;

            img {
                width: 320px;
                /* 背景图居中 */
                height: 86px;
            }


        }

        .left_bottom {
            position: relative;

            img {
                width: 320px;
                /* 背景图居中 */
                height: 86px;
            }

        }
    }

    .center {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        .box {
            width: 160px;
            height: 160px;
            background: radial-gradient(circle at 50% 50%, #FFFFFF 0%, #1BD6D2 99%);
            opacity: .35;
            box-shadow: 0px 1px 6px 0px rgba(80, 160, 255, 0.35);
            border-radius: 50%;

        }

        .txt_area {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);

            >div {
                text-align: center;

            }

            >div:nth-child(1) {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 40px;
                color: #000000;

            }

            >div:nth-child(2) {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 16px;
                color: #000000;
                width: 300px;
                margin-top: 10px;

            }
        }
    }

    .right {
        .right_top {
            position: relative;
            margin-bottom: 10px;

            img {
                width: 320px;
                /* 背景图居中 */
                height: 86px;
            }
        }

        .right_bottom {
            position: relative;

            img {
                width: 320px;
                /* 背景图居中 */
                height: 86px;
            }
        }
    }

    .title_area {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        &>div:nth-child(1) {
            position: relative;
            height: 36px;

            &>span:nth-child(1) {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 24px;
                color: #000000;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 0;
            }

            &>span:nth-child(2) {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 16px;
                color: #000000;
                position: absolute;
                right: 0px;
                top: 10px;
            }
        }

        &>div:nth-child(2) {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 16px;
            color: #000000;
        }
    }
}